<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.9.24/paper-full.min.js"></script>
    <style>
        #mainCanvas {
            width: 400px;
            height: 400px;
            border: solid 1px black;
        }
    </style>
</head>
<body>
<canvas id="mainCanvas"></canvas>
<script>
    paper.install(window)
    paper.setup(document.getElementById("mainCanvas"));
    var c = Shape.Circle(200,200,80);
    c.fillColor = 'black';
    var text = new PointText(200,200);
    text.justification = 'center'
    text.fillColor = 'white';
    text.fontsize = 20;
    text.content = 'hello world';
    paper.view.draw();
</script>
</body>
</html>